<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<link rel="stylesheet" type="text/css" href="../c/animate.css" />
	<style>
		body {
			background-color: transparent;
		}
		/*签到窗口*/
		#t{
			position: fixed;
			top: 0;
			width: 100%;
			height: 100%;
			left:0;
			background-color:rgba(0,0,0,0.8);
			z-index: 1
		}
		#qiandao_msg {
			width: 100%;
			position: fixed;
			top: 50%;
			left: 50%;
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			z-index: 2;
		}
		#qiandao_msg .btn {
			position: relative;
			text-align: center;
			width: 100%;
			padding-top: 0rem;
		}

		#qiandao_msg .sx-btn {
			width: 60%;
			background: #e51c23;
			text-align: center;
			padding: 0.35rem 0;
			border-radius: 1rem;
			margin: 0.3rem auto;
		}

		#qiandao_msg .btn .p {
			font-size: 0.65rem;
			opacity: 0.7
		}

		#qiandao_msg .btn .x {
			width: 1.3rem;
			text-align: center;
			margin: 0 auto;
			margin-top: 2rem;
		}
		.texts{
			padding: 0.75rem 0;
			overflow: hidden;
			background: #f00;
			margin: 0.75rem auto;
			width: 80%;
			border-radius: 0.5rem;

		}
		#qiandao_msg .text{
			overflow-x: hidden;
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
			padding:0 0.35rem;
			margin: 0 0.35rem;
			color: #ffd597;
			height: 15rem;
		}
		#qiandao_msg .text p{
			color: #ffd597;
		}
		.error{
			text-align: center;
			padding: 2rem;
			padding-bottom: 2.5rem;
		}
		.error img{
			margin: 0.75rem auto;
			width: 3rem;
		}
		.error p{
			font-size: 0.65rem;
			padding-top: 0.15rem;
		}
		.h5{
			text-align: center;
			color: #ffd597;
			border-bottom: 1px solid #ffd597;
			margin: 0.75rem;
			margin-top: 0;
			padding-bottom: 0.5rem;
		}
		.li{
			display: flex;
			justify-content:space-between;
			align-items: center;
			padding: 0.5rem 0.35rem;
		}
		.username,.money{
			font-size: 0.75rem;
		}
		.time,.hide{
			font-size: 0.6rem;
			opacity: 0.7
		}
	</style>
</head>

<body>
	<div id="t"></div>
	<div id="qiandao_msg" class="zhuli">
		<div class="animated bounceIn">
			<div class="texts">
				<div class="h5">提现记录</div>
				<script id="sx-list" type="text/x-dot-template">
					{{? it.length }}
					<div class="ul">
						{{ for(var i=0; i < it.length; i++) { }}
						<div class="li">
							<div class="l">
								<div class="username">{{= it[i].username}}</div>
								<div class="time">02-18 10:41</div>
							</div>
							<div class="r">
								<div class="money">{{= it[i].money}}</div>
								<div class="hide">{{= it[i].hide}}</div>
							</div>
						</div>
						{{ } }}
					</div>
					{{??}}
					<div class="error">
					 <img src="../i/hongbao/jinbi.png" >
					 <p>暂无提现记录</p>
					 <p>赶紧邀请赚更多现金</p>
					</div>
					{{?}}
				</script>
				<div class="text" id="sx-view">
					<div id="loadingdi_huifu" style="padding-top:30%;"><img src="../i/footer_progress.png" /></div>
				</div>
			</div>
			<div class="btn">
				<div class="x" tapmode onclick="x()"><img src="../i/x.png" /></div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
<script type="text/javascript">
	apiready = function() {
		data();
	}
	function data(){
		_ajax('renwu/hongbao_tixian',function(ret,err){
			if(ret){
					var evalData = doT.template($api.html($api.byId('sx-list')));
				 	$api.html($api.byId('sx-view'), evalData(ret));
					api.parseTapmode();
			}else{
				_alert(JSON.stringify(err))
			}
		})
	}
	function x(){
		api.closeFrame();
	}
</script>

</html>
